@import "../../public/css/custom_body.css";

.div-card-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.position-card{
    width: calc(100% - 66%);
}

.Team-card{
    width: calc(100% - 35%);
}

.staffForm{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.group1{
    display: flex;
    align-items: center;
}
/*.group1 > .layui-form-item >.layui-form-label{
    width: 90px;
    padding: 9px 10px;
}
.group1 > .layui-form-item >.layui-input-block{
    margin-left: 90px;
}*/
.label4{
     width: 90px;
     padding: 9px 5px;
 }
.block4{
    margin-left: 90px;
}
.label2{
    width: 65px;
    padding: 9px 5px;
}
.block2{
    margin-left: 65px;
}
.label3{
    width: 80px;
    padding: 9px 5px;
}
.block3{
    margin-left: 80px;
}
.group2{
    display: flex;
    align-items: center;
}
/*.group2 > .layui-form-item >.layui-form-label{
    width: 62px;
    padding: 9px 10px;
}
.group2 > .layui-form-item >.layui-input-block{
    margin-left: 62px;
}*/
.btn-block{
    width: 140px ;
    margin-left: 20px !important;
    display: flex;
    align-items: center;
}

.staff-Add{
    width: 600px;
    height: 500px;
}
.staff-Add .layui-layer-content{
    height: calc(100% - 78px) !important;
}

.staffUpdata{
    width: 600px;
    height: 500px;
}
.staffUpdata .layui-layer-content{
    height: calc(100% - 78px) !important;
}

@media screen and (max-width: 835px){

    .group1{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }


}
@media screen and (max-width: 730px){
    .group2{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media screen and (max-width: 610px){
    .staffUpdata{
        width: 95%;
    }
    .staff-Add{
        width: 95%;
    }
}
@media screen and (max-height: 505px){
    .staff-Add{
        height: 100%;
    }
    .staffUpdata{
        height: 100%;
    }
}

.layui-layer-btn .layui-layer-btn0{
    border-color: #f2f2f2 !important;
    background-color: #fbfbfb !important;
    color: #393d49 !important;
}

.layui-layer-btn a {

    border: 1px solid #01aaed !important;
    background-color: #01aaed !important;
    color: #fff !important;
}


























